<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  layout:decorator="layout/base">
<head>
	<title>渠道商详情</title>
</head>

<body>

	<!-- Page header -->
	<div class="page-header" layout:fragment="page-header">
		<div class="page-header-content">
			<div class="page-title">
				<h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold" th:text="#{web.name}"></span> - 渠道商详情</h4>
			</div>
		</div>
	</div>
	<!-- /page header -->


	<!-- Main content -->
	<div class="content-wrapper" layout:fragment="content">
		
						<div class="panel panel-default">
							<div class="panel-heading">
								<h6 class="panel-title">渠道商详情</h6>
								<div class="heading-elements panel-tabs">
									<ul class="nav nav-tabs nav-tabs-bottom">
										<li class="active"><a href="#panel-tab1" data-toggle="tab"><i class="position-left"></i>详情</a></li>
										<li><a href="#panel-tab2" data-toggle="tab"><i class="position-left"></i>下级渠道商</a></li>
										<li><a href="#panel-tab3" data-toggle="tab"><i class="position-left"></i>客户</a></li>
										<li><a href="#panel-tab4" data-toggle="tab"><i class="position-left"></i>消费记录</a></li>
										<li><a href="#panel-tab6" data-toggle="tab"><i class="position-left"></i>下级消费记录</a></li>
										<li><a href="#panel-tab5" data-toggle="tab"><i class="position-left"></i>提现列表</a></li>
									</ul>
			                	</div>
							</div>
							
							<div class="panel-tab-content tab-content">
								<div class="tab-pane active has-padding" id="panel-tab1">
									<div class="row">
										
										<input id="distributorId" type="hidden" th:value="${distributor.id}"></input>
									
										<div class="col-md-3">
											<div class="form-group">
												姓名：<span th:text="${distributor.name}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												电话号码：<span th:text="${distributor.phoneNo}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												等级：<span th:text="${distributor.levelName}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												推荐渠道商：<span th:text="${distributor.recommendShopName}"></span>(<span th:text="${distributor.recommendDistributorName}"></span>)
											</div>
										</div>
									</div>
									
									<div class="row">
										
										<div class="col-md-3">
											<div class="form-group">
												地址：<span th:text="${distributor.province}?${distributor.province}:''"></span>
												<span th:text="${distributor.city}?${distributor.city}:''"></span>
												<span th:text="${distributor.area}?${distributor.area}:''"></span>
												<span th:text="${distributor.address}?${distributor.address}:''"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												审核状态：<span th:text="${distributor.auditStatusText}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												代理商编号：<span th:text="${distributor.code}"></span>
											</div>
										</div>
									</div>
									
									<div class="row">
										<div class="col-md-3">
											<div class="form-group">
												店铺名称：<span th:text="${distributor.shopName}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												店铺面积：<span th:text="${distributor.shopArea}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												店铺人员：<span th:text="${distributor.shopStaff}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												合作方式：<span th:text="${distributor.cooperationType}"></span>
											</div>
										</div>
									</div>
									
									<div class="row">
										<div class="col-md-3">
											<div class="form-group">
												合作方式：<span th:text="${distributor.cooperationType}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												来源：<span th:text="${distributor.source} == 0? '转介绍' : (${distributor.source} == 1? '个人' : (${distributor.source} == 2? '自有店铺' : '未知'))"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												合作开始时间：<span th:text="${distributor.cooperationStartTime} ? ${#calendars.format(distributor.cooperationStartTime,'yyyy-MM-dd')}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												合作结束时间：<span th:text="${distributor.cooperationEndTime} ? ${#calendars.format(distributor.cooperationEndTime,'yyyy-MM-dd')}"></span>
											</div>
										</div>
										
									</div>
									
									<div class="row">
										<div class="col-md-3">
											<div class="form-group">
												签约登记时间：<span th:text="${distributor.registerTime} ? ${#calendars.format(distributor.registerTime,'yyyy-MM-dd')}"></span>
											</div>
										</div>
									</div>
									
									<div class="row">
										<div class="col-md-3">
											<div class="form-group">
												其他情况说明：<span th:text="${distributor.remark}"></span>
											</div>
										</div>
									</div>
									
									<div class="row">
										<div class="col-md-3">
												<div class="form-group">
													佣金：<span th:text="${distributor.allRebate}"></span>
												</div>
											</div>
											
											<div class="col-md-3">
												<div class="form-group">
													已提佣金：<span th:text="${distributor.allWithdrawRebate}"></span>
												</div>
										</div>
									</div>
									
									<table class="card-datatable table datatable-basic table-striped table-hover">
										<thead>
											<tr class="bg-primary">
												<th>卡号</th>
												<th>开户行</th>
												<th>持卡人姓名</th>
												<th>卡类型</th>
											</tr>
										</thead>
										<tbody class="border-dashed">
											
										</tbody>
									</table>
									
								</div>

								<div class="tab-pane has-padding" id="panel-tab2">
									<table class="distributor-datatable table datatable-basic table-striped table-hover">
										<thead>
											<tr class="bg-primary">
												<th>渠道商名称</th>
												<th>等级</th>
												<th>电话号码</th>
												<th>地址</th>
												<th>审核状态</th>
											</tr>
										</thead>
										<tbody class="border-dashed">
											
										</tbody>
									</table>
									
								</div>
								
								<div class="tab-pane has-padding" id="panel-tab3">
									<table class="customer-datatable table datatable-basic table-striped table-hover">
										<thead>
											<tr class="bg-primary">
												<th>客户名称</th>
												<th>服务人员</th>
												<th>电话号码</th>
												<th>地址</th>
											</tr>
										</thead>
										<tbody class="border-dashed">
										</tbody>
									</table>
									
								</div>
								
								<div class="tab-pane has-padding" id="panel-tab4">
									<table class="cOrder-datatable table datatable-basic table-striped table-hover">
										<thead>
											<tr class="bg-primary">
												<th>客户名称</th>
												<th>客户电话号码</th>
												<th>渠道商名称</th>
												<th>渠道商电话号码</th>
												<th>渠道商佣金</th>
												<th>消费项目</th>
												<th>消费金额</th>
												<th>是否结算</th>
											</tr>
										</thead>
										<tbody class="border-dashed">
										</tbody>
									</table>
								</div>
								
								<div class="tab-pane has-padding" id="panel-tab5">
									<table class="withDrawBook-datatable-basic table datatable-basic table-striped table-hover">
										<thead>
											<tr class="bg-primary">
												<th>姓名</th>
												<th>类型</th>
												<th>提现金额</th>
												<th>提现状态</th>
												<th>持卡人姓名</th>
												<th>银行卡</th>
												<th>开户行</th>
												<th>创建时间</th>
												<th>操作</th>
											</tr>
										</thead>
										<tbody class="border-dashed">
											
										</tbody>
									</table>
									
									<script type="text/templete" id="btnGroup">
										<div class="btn-group" data-toggle="buttons">
											<button type="button" class="btn btn-link text-primary btn-withdraw" title="提现" data-toggle="modal">提现</button>
										</div>
									</script>
								</div>
								
								<div class="tab-pane has-padding" id="panel-tab6">
									<table class="cOrder2-datatable table datatable-basic table-striped table-hover">
										<thead>
											<tr class="bg-primary">
												<th>客户名称</th>
												<th>客户电话号码</th>
												<th>渠道商名称</th>
												<th>渠道商电话号码</th>
												<th>渠道商佣金</th>
												<th>消费项目</th>
												<th>消费金额</th>
												<th>是否结算</th>
											</tr>
										</thead>
										<tbody class="border-dashed">
										</tbody>
									</table>
								</div>
							</div>
						</div>

		<!-- /table -->
		<script type="text/javascript" th:src="@{/oss/js/distributorDetail.js}"></script>
	</div>
	<!-- /main content -->

</body>
</html>
